```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RustDesk - 安全高效的远程桌面解决方案</title>
    <link href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Noto Sans SC', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Hiragino Sans GB", Simsun, sans-serif;
            color: #333;
            line-height: 1.6;
        }
        .hero-bg {
            background: linear-gradient(135deg, #2b5876 0%, #4e4376 100%);
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .highlight-text {
            background: linear-gradient(90deg, #3b82f6, #8b5cf6);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .content-section {
            max-width: 1200px;
        }
        .section-title:after {
            content: "";
            display: block;
            width: 60px;
            height: 3px;
            background: linear-gradient(90deg, #3b82f6, #8b5cf6);
            margin: 15px auto 0;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- Hero Section -->
    <section class="hero-bg text-white py-20">
        <div class="container mx-auto px-6 flex flex-col md:flex-row items-center">
            <div class="md:w-1/2 mb-10 md:mb-0">
                <h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">RustDesk <span class="highlight-text">远程桌面</span> 解决方案</h1>
                <p class="text-xl mb-8 text-gray-200">基于Rust开发的开源远程控制软件，安全高效，跨平台支持</p>
                <div class="flex flex-wrap gap-4">
                    <a href="https://github.com/rustdesk/rustdesk" class="bg-white text-blue-700 hover:bg-gray-100 px-6 py-3 rounded-lg font-semibold transition duration-300 flex items-center">
                        <i class="fab fa-github mr-2"></i> GitHub项目
                    </a>
                    <a href="#download" class="bg-blue-600 hover:bg-blue-700 px-6 py-3 rounded-lg font-semibold transition duration-300 flex items-center">
                        <i class="fas fa-download mr-2"></i> 下载安装
                    </a>
                </div>
            </div>
            <div class="md:w-1/2 flex justify-center">
                <img src="https://cdn.nlark.com/yuque/0/2025/png/21449790/1753935277244-3339cf46-d91c-47de-a655-8fc6dfd80dfd.png" alt="RustDesk界面截图" class="rounded-lg shadow-2xl max-w-full h-auto">
            </div>
        </div>
    </section>

    <!-- Problem Solution Section -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-6 content-section">
            <h2 class="text-3xl font-bold text-center mb-12 section-title">它能解决什么问题</h2>
            <div class="grid md:grid-cols-2 gap-8">
                <div class="bg-gray-50 p-8 rounded-xl">
                    <h3 class="text-xl font-semibold mb-4 text-gray-800 flex items-center">
                        <i class="fas fa-exclamation-triangle text-red-500 mr-3"></i> 传统远程桌面的痛点
                    </h3>
                    <ul class="space-y-3">
                        <li class="flex items-start"><i class="fas fa-dollar-sign text-gray-500 mt-1 mr-2"></i> 价格昂贵，个人用户难以承受</li>
                        <li class="flex items-start"><i class="fas fa-lock text-gray-500 mt-1 mr-2"></i> 隐私安全担忧，数据可能被监控</li>
                        <li class="flex items-start"><i class="fas fa-exchange-alt text-gray-500 mt-1 mr-2"></i> 跨平台兼容性差</li>
                        <li class="flex items-start"><i class="fas fa-network-wired text-gray-500 mt-1 mr-2"></i> 网络穿透能力有限</li>
                        <li class="flex items-start"><i class="fas fa-graduation-cap text-gray-500 mt-1 mr-2"></i> 功能复杂，学习成本高</li>
                    </ul>
                </div>
                <div class="bg-blue-50 p-8 rounded-xl">
                    <h3 class="text-xl font-semibold mb-4 text-gray-800 flex items-center">
                        <i class="fas fa-check-circle text-green-500 mr-3"></i> RustDesk的解决方案
                    </h3>
                    <p class="mb-6 text-gray-700">RustDesk 提供了完全免费、开源的解决方案，既保证了数据安全，又提供了强大的功能和良好的用户体验。</p>
                    <div class="bg-white p-4 rounded-lg border-l-4 border-blue-500 flex items-start">
                        <i class="fas fa-lightbulb text-yellow-500 text-2xl mr-3"></i>
                        <div>
                            <h4 class="font-semibold">开源理念</h4>
                            <p class="text-sm text-gray-600">基于MIT许可证，代码透明可审计，消除后门风险</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="py-16 bg-gray-50">
        <div class="container mx-auto px-6 content-section">
            <h2 class="text-3xl font-bold text-center mb-12 section-title">核心功能概述</h2>
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                    <div class="text-blue-500 text-4xl mb-4">
                        <i class="fas fa-laptop-code"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-3">跨平台远程控制</h3>
                    <p class="text-gray-600">支持 Windows、macOS、Linux、Android、iOS 等主流操作系统，实现真正的跨平台远程访问。</p>
                </div>
                <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                    <div class="text-purple-500 text-4xl mb-4">
                        <i class="fas fa-server"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-3">自建中继服务器</h3>
                    <p class="text-gray-600">用户可以搭建自己的中继服务器，完全控制数据传输路径，确保隐私安全。</p>
                </div>
                <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                    <div class="text-green-500 text-4xl mb-4">
                        <i class="fas fa-file-export"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-3">文件传输与剪贴板共享</h3>
                    <p class="text-gray-600">支持安全的文件传输功能，并可在本地和远程设备间共享剪贴板内容。</p>
                </div>
                <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                    <div class="text-red-500 text-4xl mb-4">
                        <i class="fas fa-desktop"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-3">多显示器支持</h3>
                    <p class="text-gray-600">完美支持多显示器环境，远程控制时能够访问所有显示器。</p>
                </div>
                <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                    <div class="text-yellow-500 text-4xl mb-4">
                        <i class="fas fa-lock"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-3">端到端加密</h3>
                    <p class="text-gray-600">采用先进的加密技术，确保数据传输和存储的安全性。</p>
                </div>
                <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
                    <div class="text-indigo-500 text-4xl mb-4">
                        <i class="fas fa-bolt"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-3">轻量级设计</h3>
                    <p class="text-gray-600">程序体积小，资源占用低，在低配置设备上也能流畅运行。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Use Cases Section -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-6 content-section">
            <h2 class="text-3xl font-bold text-center mb-12 section-title">使用场景</h2>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="bg-gray-50 p-6 rounded-xl border-t-4 border-blue-500">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fas fa-headset text-blue-500 mr-2"></i> 远程技术支持
                    </h3>
                    <p class="text-gray-600">IT 管理员可以通过 RustDesk 远程协助用户解决技术问题，无需现场访问。例如，当用户遇到软件安装问题或系统故障时，技术支持人员可以远程连接并直接操作解决问题。</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-xl border-t-4 border-green-500">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fas fa-home text-green-500 mr-2"></i> 居家办公
                    </h3>
                    <p class="text-gray-600">员工可以在家中安全访问公司电脑，处理工作文件和使用专业软件。这对于需要访问特定软件或大量数据的员工特别有用。</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-xl border-t-4 border-purple-500">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fas fa-laptop-house text-purple-500 mr-2"></i> 个人设备管理
                    </h3>
                    <p class="text-gray-600">用户可以远程访问家中的电脑，查看文件、运行程序或进行系统维护，无论身在何处都能管理自己的设备。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Advantages Section -->
    <section class="py-16 bg-gradient-to-r from-blue-50 to-purple-50">
        <div class="container mx-auto px-6 content-section">
            <h2 class="text-3xl font-bold text-center mb-12 section-title">优势与特色</h2>
            <div class="grid md:grid-cols-2 gap-10">
                <div>
                    <div class="relative pl-8 mb-8">
                        <div class="absolute left-0 top-0 h-full w-1 bg-blue-500 rounded-full"></div>
                        <h3 class="text-xl font-semibold mb-3">RustDesk vs 传统方案</h3>
                        <div class="mermaid">
                            pie showData
                                title RustDesk与传统远程桌面软件对比
                                "开源免费" : 30
                                "隐私安全" : 25
                                "跨平台支持" : 20
                                "轻量级" : 15
                                "社区支持" : 10
                        </div>
                    </div>
                </div>
                <div>
                    <ul class="space-y-6">
                        <li class="flex items-start">
                            <div class="bg-blue-100 p-2 rounded-full mr-4">
                                <i class="fas fa-code text-blue-600"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold">完全开源免费</h4>
                                <p class="text-gray-600">基于 MIT 许可证，用户可以自由使用、修改和分发，无任何费用</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <div class="bg-purple-100 p-2 rounded-full mr-4">
                                <i class="fas fa-shield-alt text-purple-600"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold">隐私安全优先</h4>
                                <p class="text-gray-600">支持自建服务器，用户数据完全由自己控制，不存在第三方监控风险</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <div class="bg-green-100 p-2 rounded-full mr-4">
                                <i class="fas fa-tachometer-alt text-green-600"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold">轻量级设计</h4>
                                <p class="text-gray-600">程序体积小，资源占用低，在低配置设备上也能流畅运行</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <div class="bg-yellow-100 p-2 rounded-full mr-4">
                                <i class="fas fa-users text-yellow-600"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold">活跃的社区支持</h4>
                                <p class="text-gray-600">开源社区持续更新和维护，问题响应速度快</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <div class="bg-red-100 p-2 rounded-full mr-4">
                                <i class="fas fa-memory text-red-600"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold">Rust 语言开发</h4>
                                <p class="text-gray-600">使用内存安全的 Rust 语言，程序稳定性和安全性更高</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Cost Section -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-6 content-section">
            <h2 class="text-3xl font-bold text-center mb-12 section-title">使用门槛与成本</h2>
            <div class="max-w-3xl mx-auto">
                <div class="bg-blue-50 p-8 rounded-xl">
                    <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-6">
                        <h3 class="text-2xl font-bold text-gray-800 mb-4 md:mb-0">RustDesk 的成本优势</h3>
                        <div class="bg-green-500 text-white px-4 py-2 rounded-full text-sm font-semibold inline-block">完全免费</div>
                    </div>
                    <div class="grid md:grid-cols-2 gap-6">
                        <div class="bg-white p-4 rounded-lg">
                            <h4 class="font-semibold mb-2 flex items-center">
                                <i class="fas fa-user-plus text-blue-500 mr-2"></i> 注册要求
                            </h4>
                            <p class="text-gray-600">无需注册账号，直接下载即可使用</p>
                        </div>
                        <div class="bg-white p-4 rounded-lg">
                            <h4 class="font-semibold mb-2 flex items-center">
                                <i class="fas fa-money-bill-wave text-green-500 mr-2"></i> 费用情况
                            </h4>
                            <p class="text-gray-600">完全免费，无任何收费项目</p>
                        </div>
                        <div class="bg-white p-4 rounded-lg">
                            <h4 class="font-semibold mb-2 flex items-center">
                                <i class="fas fa-star text-yellow-500 mr-2"></i> 高级功能
                            </h4>
                            <p class="text-gray-600">所有功能都免费提供，包括文件传输、多显示器支持等</p>
                        </div>
                        <div class="bg-white p-4 rounded-lg">
                            <h4 class="font-semibold mb-2 flex items-center">
                                <i class="fas fa-server text-purple-500 mr-2"></i> 服务器成本
                            </h4>
                            <p class="text-gray-600">如需自建中继服务器，需要承担服务器托管费用（可选）</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Getting Started Section -->
    <section id="download" class="py-16 bg-gray-50">
        <div class="container mx-auto px-6 content-section">
            <h2 class="text-3xl font-bold text-center mb-12 section-title">上手指南</h2>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="bg-white p-6 rounded-xl shadow-sm">
                    <div class="text-4xl text-blue-500 mb-4 flex justify-center">
                        <i class="fas fa-download"></i>
                    </div>
                    <h3 class="text-xl font-semibold text-center mb-3">第一步：下载安装</h3>
                    <p class="text-gray-600 text-center mb-4">访问 GitHub 项目页面，根据操作系统下载对应版本。</p>
                    <div class="bg-gray-100 p-3 rounded-lg">
                        <ul class="text-sm space-y-2">
                            <li class="flex items-center"><i class="fab fa-windows text-blue-500 mr-2"></i> Windows: 下载 .exe 文件</li>
                            <li class="flex items-center"><i class="fab fa-apple text-gray-500 mr-2"></i> macOS: 下载 .dmg 文件</li>
                            <li class="flex items-center"><i class="fab fa-linux text-black mr-2"></i> Linux: 使用包管理器安装</li>
                        </ul>
                    </div>
                </div>
                <div class="bg-white p-6 rounded-xl shadow-sm">
                    <div class="text-4xl text-purple-500 mb-4 flex justify-center">
                        <i class="fas fa-cog"></i>
                    </div>
                    <h3 class="text-xl font-semibold text-center mb-3">第二步：配置连接</h3>
                    <div class="space-y-3">
                        <p class="text-gray-600 flex items-start">
                            <span class="bg-purple-100 text-purple-800 rounded-full w-6 h-6 flex items-center justify-center mr-2 flex-shrink-0">1</span>
                            在需要被控制的设备上运行 RustDesk，记录显示的 ID 号码
                        </p>
                        <p class="text-gray-600 flex items-start">
                            <span class="bg-purple-100 text-purple-800 rounded-full w-6 h-6 flex items-center justify-center mr-2 flex-shrink-0">2</span>
                            在控制端设备上输入该 ID 号码进行连接
                        </p>
                        <p class="text-gray-600 flex items-start">
                            <span class="bg-purple-100 text-purple-800 rounded-full w-6 h-6 flex items-center justify-center mr-2 flex-shrink-0">3</span>
                            首次连接需要设置访问密码
                        </p>
                    </div>
                </div>
                <div class="bg-white p-6 rounded-xl shadow-sm">
                    <div class="text-4xl text-green-500 mb-4 flex justify-center">
                        <i class="fas fa-rocket"></i>
                    </div>
                    <h3 class="text-xl font-semibold text-center mb-3">第三步：开始使用</h3>
                    <p class="text-gray-600 mb-4">连接成功后即可进行远程控制。你可以考虑如何将 RustDesk 集成到你的日常工作流程中？</p>
                    <ul class="text-sm space-y-2">
                        <li class="flex items-center"><i class="fas fa-user-friends text-green-500 mr-2"></i> 远程协助同事</li>
                        <li class="flex items-center"><i class="fas fa-laptop-code text-green-500 mr-2"></i> 管理多台设备</li>
                        <li class="flex items-center"><i class="fas fa-tools text-green-500 mr-2"></i> 进行系统维护</li>
                    </ul>
                </div>
            </div>
            <div class="mt-10 bg-yellow-50 border-l-4 border-yellow-500 p-4 rounded-r-lg">
                <div class="flex">
                    <div class="flex-shrink-0">
                        <i class="fas fa-exclamation-circle text-yellow-500 text-xl mt-1 mr-3"></i>
                    </div>
                    <div>
                        <p class="text-yellow-800"><span class="font-semibold">注意事项：</span>虽然 RustDesk 功能强大，但在某些复杂网络环境下可能需要配置防火墙或路由器设置。对于企业用户，建议搭建私有中继服务器以确保数据安全。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Final CTA -->
    <section class="py-16 bg-gradient-to-r from-blue-600 to-purple-600 text-white">
        <div class="container mx-auto px-6 text-center">
            <h2 class="text-3xl font-bold mb-6">准备好体验 RustDesk 了吗？</h2>
            <p class="text-xl mb-8 max-w-3xl mx-auto text-blue-100">RustDesk 为远程桌面领域带来了真正的开源选择，既解决了成本问题，又保证了隐私安全。</p>
            <div class="flex flex-wrap justify-center gap-4">
                <a href="https://github.com/rustdesk/rustdesk" class="bg-white text-blue-700 hover:bg-gray-100 px-8 py-4 rounded-lg font-semibold text-lg transition duration-300 flex items-center">
                    <i class="fab fa-github mr-2"></i> 访问GitHub项目
                </a>
                <a href="#download" class="bg-transparent border-2 border-white hover:bg-white hover:text-blue-700 px-8 py-4 rounded-lg font-semibold text-lg transition duration-300 flex items-center">
                    <i class="fas fa-download mr-2"></i> 立即下载
                </a>
            </div>
        </div>
    </section>

    <script>
        mermaid.initialize({
            startOnLoad: true,
            theme: 'default',
            flowchart: {
                useMaxWidth: true,
                htmlLabels: true
            }
        });
    </script>
</body>
</html>
```